/*顶部头像部分*/
#person_out{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#headImg{width: 100%;height: 28%; position: absolute;top: 0;left: 0;background: #ffcc33;text-align: center;}
#headImg_con img{width:100px;height: 100px;border-radius: 50%;}
#headImg_con{width:100px;height: 100px;border-radius: 50%;position: absolute;top: 10%;left: 35%;
border: 4px solid floralwhite;padding: 0px;}
#headImg p{color: white;font-family: "宋体";font-size: 14px;margin-top: 155px;}


/*菜单上部分*/
#menu_up,#menu_down{width: 100%;height: 32%;position: absolute;top: 30%;font-family: "微软雅黑";color: gray;font-size: 14px;}
#menu_up ul,#menu_down ul{width: 100%;height: 100%;position: relative;background: white;}
#menu_up ul li,#menu_down ul li{width: 100%;height: 25%;border-bottom: 1px solid #c7c7c7;}
#menu_up ul li img,#menu_down ul li img{position: relative;top: 20px;left: 10px;width: 25px;height: 22px;}
#menu_up ul li p,#menu_down ul li p{position: relative;left: 15%;top: -5px;}
#menu_up ul li a,#menu_down ul li a{position: relative;left: 90%;top: -25px;}

/*菜单下部分,有些重复代码已合并到菜单上部*/
#menu_down{height: 24%;top: 64%;}
#menu_down ul li{height: 33.3%;}


/*底部*/
#footer{width: 100%;height: 10%;background: white;position: fixed;bottom: 0;left: 0;font-size: 12px;color: gray;font-family: "微软雅黑";}
#footer ul{width: 100%;height: 100%;}
#footer ul li{float: left;width: 20%;height: 100%;line-height: 20px;text-align: center;}
#footer ul li img{width: 40px;height: 40px;margin-top: 15px;}
.active{color: #FFCC33;}
#footer ul li img#more{width: 45px;height: 45px;position: relative;top: -20px;}




/*屏幕适配，正常尺寸*/
@media only screen and (min-width: 320px) and (max-width: 768px) {
	
}


/*ipad*/
@media only screen and (min-width:768px ) and (max-width: 1024px) {
	#headImg_con img{width:150px;height: 150px;}/*顶部头像部分*/
#headImg_con{width:150px;height: 150px;top: 13%;left: 40%;}
#headImg p{font-size: 24px;left: 40%;}


#menu_up ul li img,#menu_down ul li img{top: 35px;}/*菜单上部与下部部分*/
#menu_up ul li p,#menu_down ul li p{top: 10px;}
#menu_up ul li a,#menu_down ul li a{top: -10px;}

/*底部*/
#footer ul li img{margin-top: 35px;}
#footer ul li img#more{width: 60px;height: 60px;position: relative;top: -30px;}
}


/*ipad   pro*/
@media only screen and (min-width: 1024px) {
#headImg_con img{width:200px;height: 200px;}/*顶部头像部分*/
#headImg_con{width:200px;height: 200px;top: 13%;left: 42%;}
#headImg p{font-size: 24px;left: 42%;}

#menu_up ul li img,#menu_down ul li img{top: 50px;}/*菜单上部与下部部分*/
#menu_up ul li p,#menu_down ul li p{top: 25px;}
#menu_up ul li a,#menu_down ul li a{top: 5px;}


/*底部*/
#footer ul li img{margin-top: 35px;}
#footer ul li img#more{width: 60px;height: 60px;position: relative;top: -30px;}
}

 #add1{width: 80%; height:50;position: absolute;top:60%;bottom: 60px; left: 10%; background-color: #000;z-index: 2;opacity: 0.85;display: none;border-radius: 10px;}
 .add1_imgR{width: 22%;position: relative;margin-top:50px; margin-bottom:150px; float: right;margin-right: 7%;}
 .add1_imgL{width: 22%;position: relative;margin-top:50px; float: left;margin-left: 17%;}
 .del{position: relative;float: right;width: 10%;}